<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<%@ include file="../../common/jsp/sheetHeader.jsp" %>
<script>
	$(document).ready(function() {
		//sheet 초기화  
		createIBSheet2(document.getElementById("viewArea"),"mySheet","100%","400px");
		
		var cfg = {MergeSheet:msFixedMerge,RowSpan:2,ColSpan:2,SearchMode:smLazyLoad,Page:30};
		var headers = [ {Text:"개봉일|영화명|영문제목|감독|주연배우|등급", Align:"Center"} ];
		var info = {Sort:1,ColMove:1,ColResize:1,HeaderCheck:0};
		var cols = [
					{Type:"Date",Width:85,SaveName:"OPEN_DATE",Format:"Ymd",Align:"Center"},
					{Type:"Text",Width:180,SaveName:"MOVIE_NM"},
					{Type:"Text",Width:150,SaveName:"ENG_NM"},
					{Type:"Text",Width:120,SaveName:"DIRECTOR"},
					{Type:"Text",Width:150,SaveName:"ACTOR"},
					{Type:"Combo",Width:50,SaveName:"FILM_RATE",Align:"Center",ComboText:"12세|15세|18세|전체|청불",ComboCode:"01|02|03|04|05"}
				];

		mySheet.SetConfig(cfg);
		mySheet.InitHeaders(headers,info);
		mySheet.InitColumns(cols);

		mySheet.FitColWidth();
		
		doAction("search");
	});
	
	/*Sheet 각종 처리*/
	function doAction(sAction) {
		
		switch(sAction) {
			case "search":		//조회
				mySheet.DoSearch("../data/MOVIE01.json");
				break;
		}
	}
	
	
</script>
<title>다중라인레코드 예제</title>
</head>
<body>
<div id="main">
	<%@ include file="../../common/jsp/sheetNavi.jsp" %>
	<div id="title">다중라인레코드 예제</div>
	<div id="desc">
		InitColumns()메서드의 RowSpan,ColSpan 속성을 이용한 조회 및 저장하기 위해서 아래와 같은 메서드가 필요하다.<br>
		<br>
		MergeSheet는 머지의 종류 설정으로 RowSpan 과 ColSpan을 사용하기 위해선 
		3 : msFixedMerge(단위데이터 행 구조에서 고정 셀 병합 기능),<br>
		8 : msFixedMerge + msHeaderOnly(단위데이터 행 구조에서 고정 셀 병합 기능 + 헤더 머지) 로 설정해야 한다.<br>
		<br>
		ColSpan은 단위 데이터 행 구조에서 단위 데이터 행 범위 내에서 고정으로 적용 할 ColSpan 범위를 설정 한다.<br>
		이 속성 설정시 데이터의 동일 유무와 관계없이 셀 병합 처리를 하여 표현 된다.<br>
		이 속성은 단위 데이터 행 구조에서 만 유효하며, 해당 속성을 사용하기 위해서는 MergeSheet 설정값을 3 또는 8로 설정 하여야 한다. (연관 속성 : RowSpan)<br>
		<br>
		RowSpan은 단위 데이터 행 구조에서 단위 데이터 행 범위 내에서 고정으로 적용 할 RowSpan 범위를 설정 한다.<br>
		이 속성 설정시 데이터의 동일 유무와 관계없이 셀 병합 처리를 하여 표현 된다.<br>
		이 속성은 단위 데이터 행 구조에서 만 유효하며, 해당 속성을 사용하기 위해서는 MergeSheet 설정값을 3 또는 8로 설정 하여야 한다. (연관 속성 : ColSpan)<br>
	</div>

	<div id="functionArea">
		<div>var cfg = {<font color="#FF0000"><u>MergeSheet:msFixedMerge</u></font>,<font color="#FF0000"><u>RowSpan:2</u></font>,<font color="#FF0000"><u>ColSpan:2</u></font>,SearchMode:smLazyLoad,Page:30};<br>
		mySheet.SetConfig(cfg);<br>
		</div>
	</div>
	
	<div id="viewArea">
	</div>
</div>
</body>
</html>